<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maxnum-scale=1">
    <!-- 解决兼容性问题-->
    <!-- IE8以下版本不兼容的问题-->
    <meta http-equip="X-UA-Compatibal" content="IE=edge,chrome=1">
    <!-- 360浏览器-->
    <meta name="renderer" content="webkit">
    <!-- 搜索引擎-->
    <meta name="author" content="jerehedu">
    <meta name="keywordds" content="bootstrap,css,html">
    <meta name="description" content="jerehedu">
    <title>新浪时尚PC端</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="LESS/fontpage.css"/>
    <link rel="stylesheet" href="icofont/iconfont.css"/>
    <script src="JS/jquery-3.1.0.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="JS/index.js"></script>
</head>
<body>
<header>
    <div class="header_tool">
        <div class="header_tool_nav container">
            <div class="tool_logo">
                <img src="IMAGE/logo_hd.png" alt=""/>
            </div>
            <div class="tool_nav">
                <div class="tool_login">
                    <span><a href="#">登录</a></span>
                    <div class="login_and_regi row">
                        <div class="col-sm-5 login_left">
                            <span class="login_title">用微博客户端扫面安全登录</span>
                            <div class="login_erweima">
                                <img src="IMAGE/login.png" alt=""/>
                            </div>
                        </div>
                        <div class="col-sm-7 login_right">
                            <span class="login_close pull-right">&times</span>
                            <span class="login_title">新浪微博、博客、邮箱帐号，请直接登录</span>
                            <div class="login_form">
                                <form action="">
                                    <input type="text" class="input_login" name="username" id="username" placeholder="微博/博客/邮箱/手机号"/><br/><br/>
                                    <input type="password" class="input_login" name="pwd" id="pwd" placeholder="请输入密码"/><br/><BR>
                                    <input type="submit" class="login_btn" value="登录"/>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input type="checkbox" class="auto_login"/>&nbsp;&nbsp;&nbsp;<span>下次自动登录</span>
                                </form>
                            </div>
                            <div class="login_foot">
                                <span><a href="#">忘记密码</a></span>
                                <span><a href="#">立即注册</a></span>
                            </div>
                            <div class="login_byqq">
                                <i></i>&nbsp;&nbsp;
                                <span><a href="#">使用QQ登录</a></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tool_nav_list">
                    <ul>
                        <li><a href="#"><i class="iconfont icon-home" title="我的时尚主页"></i></a></li>
                        <li><a href="#">设为书签</a></li>
                        <li><a href="#">新浪首页</a></li>
                        <li><a href="#">女性首页</a></li>
                        <li><a href="#">时尚导航</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="header_adver">
        <img src="IMAGE/1425335.jpg" alt=""/>
    </div>
    <div class="nav">
        <ul class="nav_title">
            <li class="nav_fashion"><div><a href="#"><span class="span_chin">时装</span><br/><span class="span_engl">FASHION</span></a></div>
                <ul>
                    <li class="nav_content_list"><a href="#">明星</a></li>
                    <li class="nav_content_list"><a href="#">潮流</a></li>
                    <li class="nav_content_list"><a href="#">单品</a></li>
                    <li class="nav_content_list"><a href="#">珠宝</a></li>
                    <li class="nav_content_list"><a href="#">产业</a></li>
                    <li class="nav_content_list"><a href="#">秀场</a></li>
                </ul>
            </li>
            <li><div><a href="#"><span class="span_chin">美容</span><br/><span class="span_engl">BUTY</span></a></div>
                <ul>
                    <li class="nav_content_list"><a href="#">护肤</a></li>
                    <li class="nav_content_list"><a href="#">彩妆</a></li>
                    <li class="nav_content_list"><a href="#">发型</a></li>
                    <li class="nav_content_list"><a href="#">香氛</a></li>
                    <li class="nav_content_list"><a href="#">化妆品库</a></li>
                </ul>
            </li>
            <li><div><a href="#"><span class="span_chin">美体</span><br/><span class="span_engl">BODY</span></a></div>
                <ul>
                    <li class="nav_content_list"><a href="#">减肥</a></li>
                    <li class="nav_content_list"><a href="#">私密</a></li>
                    <li class="nav_content_list"><a href="#">性情</a></li>
                    <li class="nav_content_list"><a href="#">健康</a></li>
                    <li class="nav_content_list"><a href="#">护理</a></li>
                    <li class="nav_content_list"><a href="#">美型</a></li>
                </ul>
            </li>
            <li><div><a href="#"><span class="span_chin">尚品</span><br/><span class="span_engl">LUXURY</span></a></div>
                <ul>
                    <li class="nav_content_list"><a href="#">腕表</a></li>
                    <li class="nav_content_list"><a href="#">美酒</a></li>
                    <li class="nav_content_list"><a href="#">数码</a></li>
                    <li class="nav_content_list"><a href="#">酒店</a></li>
                    <li class="nav_content_list"><a href="#">豪车</a></li>
                    <li class="nav_content_list"><a href="#">艺术</a></li>
                </ul>
            </li>
            <li><div><a href="#"><span class="span_chin">自媒体</span><br/><span class="span_engl">WEMEDIA</span></a></div>
                <ul>
                    <li class="nav_content_list"><a href="#">时尚</a></li>
                    <li class="nav_content_list"><a href="#">美容</a></li>
                    <li class="nav_content_list"><a href="#">美体</a></li>
                    <li class="nav_content_list"><a href="#">情感</a></li>
                    <li class="nav_content_list"><a href="#">乐活</a></li>
                </ul>
            </li>
            <li><div><a href="#"><span class="span_chin">精选</span><br/><span class="span_engl">FEATURES</span></a></div>
                <ul>
                    <li class="nav_content_list"><a href="#">试用</a></li>
                    <li class="nav_content_list"><a href="#">美图</a></li>
                    <li class="nav_content_list"><a href="#">视频</a></li>
                    <li class="nav_content_list"><a href="#">美搭</a></li>
                    <li class="nav_content_list"><a href="#">专栏</a></li>
                    <li class="nav_content_list"><a href="#">专题</a></li>
                </ul>
            </li>
        </ul>
    </div>
</header>
<content>
    <div class="wrap">
        <div class="wrap_show" id="wrap_show">
            <img src="IMAGE/20161107章子怡.jpg" alt="每日美搭，辣妈章子怡白裙华美气质"/>
            <img src="IMAGE/20161107童年照.jpg" alt="baby鹿晗又被曝童年照，原来这些爱豆从下就这么爱玩"/>
            <img src="IMAGE/台湾vogue.jpg" alt="台湾Vogue这20年创作的可怕封面照..."/>
            <img src="IMAGE/红色眼线杨紫.JPG" alt="红色眼线太会玩儿，"/>
            <img src="IMAGE/20161107秦海璐.jpg" alt="气质女神回归，秦海璐玩转百变造型"/>
            <img src="IMAGE/20161107败家有道.jpg" alt="拒绝干燥告别暖气病入冬get杨紫暖妆又美，让你的寒夜四季如春"/>
            <img src="IMAGE/20161107章子怡.jpg" alt="每日美搭，辣妈章子怡白裙华美气质"/>
            <img src="IMAGE/20161107童年照.jpg" alt="baby鹿晗又被曝童年照，原来这些爱豆从下就这么爱玩"/>
        </div>
        <div class="control_num" id="control_num"><!‐‐ 页面按钮区域 ‐‐>
            <span class ="selected">1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>
            <span>6</span>
        </div>
        <div id="left" class="arrow"></div><!‐‐ 向左切换按钮 ‐‐>
        <div id="right" class="arrow"></div><!‐‐ 向右切换按钮 ‐‐>
    </div>
    <div class="fir_part row">
        <div class="col-sm-5 hottoday">
            <div class="hottoday_title">
                <h2>今日热点</h2>
            </div>
            <div class="hottoday_list new_star row">
                <div class="col-sm-5 list_img">
                    <a href="#"><img src="IMAGE/安吉抢秀新星.jpg" alt="抢镜新星|你穿的还没5岁的安吉爷们儿"/></a>
                </div>
                <div class="col-sm-7 list_desc">
                    <div class="total_title">
                        <a href="#">抢镜新星</a>
                    </div>
                    <h4><a href="#">你穿的还没5岁的安吉爷们</a></h4>
                    <p><a href="#">[减肥时总想吃热量的食物怎么办]</a></p>
                    <p><a href="#">[关晓彤这样的“扁身照”才是最新炫瘦法]</a></p>
                </div>
            </div>
            <div class="hottoday_list fashion_single row">
                <div class="col-sm-5 list_img">
                    <a href="#"><img src="IMAGE/时尚单品杨幂.jpg" alt="时尚单品|杨幂肯豆组团买双向腰带"/></a>
                </div>
                <div class="col-sm-7 list_desc">
                    <div class="total_title">
                        <a href="#">时尚单品</a>
                    </div>
                    <h4><a href="#">杨幂肯豆组团买双向腰带</a></h4>
                    <p><a href="#">[既然双11肯定要买 基本款先看起来准没错]</a></p>
                    <p><a href="#">[黑白单品很无趣 佟丽娅穿印花毛衣打破沉闷]</a></p>
                </div>
            </div>
            <div class="hottoday_list star_event row ">
                <div class="col-sm-5 list_img">
                    <a href="#"><img src="IMAGE/明星事件care.jpg" alt="明星事件|Care的纹身也太迷幻了吧"/></a>
                </div>
                <div class="col-sm-7 list_desc">
                    <div class="total_title">
                        <a href="#">明星事件</a>
                    </div>
                    <h4><a href="#">Care的纹身也太迷幻了吧</a></h4>
                    <p><a href="#">[秒变素颜哪家强 卸妆水排行榜top10]</a></p>
                    <p><a href="#">[时髦教科书孔孝真 “妆唇”招数一网打尽]</a></p>
                </div>
            </div>
            <div class="hottoday_list color_maker row">
                <div class="col-sm-5 list_img">
                    <a href="#"><img src="IMAGE/彩妆心机赵丽颖杨幂.jpg" alt="彩妆心机|赵丽颖陈乔恩都爱水嫩粉唇"/></a>
                </div>
                <div class="col-sm-7 list_desc">
                    <div class="total_title">
                        <a href="#">彩妆心机</a>
                    </div>
                    <h4><a href="#">赵丽颖陈乔恩都爱水嫩粉唇</a></h4>
                    <p><a href="#">[做有效的瘦肚子法，你一定要看]</a></p>
                    <p><a href="#">[性感吃出来：初秋最火的减肥蔬菜]</a></p>
                </div>
            </div>
            <div class="hottoday_list fine_life row">
                <div class="col-sm-5 list_img">
                    <a href="#"><img src="IMAGE/尚品生活.jpg" alt="尚品生活|10招打造最佳卧室环境"/></a>
                </div>
                <div class="col-sm-7 list_desc">
                    <div class="total_title">
                        <a href="#">尚品生活</a>
                    </div>
                    <h4><a href="#">10招打造最佳卧室环境</a></h4>
                    <p><a href="#">[喝不同的酒该如何持杯]</a></p>
                    <p><a href="#">[迎接最冷冬季，汽车御寒不能少]</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-3 carefedit">
            <div class="carefedit_title">
                <h2>编辑精选</h2>
            </div>
            <div class="edit carefedit_clothes">
                <div class="edit_title">
                    <span><a href="#">时装</a></span>
                </div>
                <img src="IMAGE/孔孝真《嫉妒的化身》.jpg" alt="《嫉妒的化身》孔孝真带了什么"/>
                <div class="edit_foot">
                    <p><a href="#">《嫉妒的化身》中孔孝真带了什么</a></p>
                </div>
            </div>
            <div class="edit carefedit_facebuty">
                <div class="edit_title">
                    <span><a href="#">美容</a></span>
                </div>
                <img src="IMAGE/一周洗几次头合适.jpg" alt="到底一周洗几次头合适"/>
                <div class="edit_foot">
                    <p><a href="#">到底一周洗几次头合适</a></p>
                </div>
            </div>
            <div class="edit carefedit_bodybuty">
                <div class="edit_title">
                    <span><a href="#">美体</a></span>
                </div>
                <img src="IMAGE/蔬菜沙拉.jpg" alt="拒绝蔬菜沙拉 美人都开始吃花啦"/>
                <div class="edit_foot">
                    <p><a href="#">拒绝蔬菜沙拉 美人都开始吃花啦</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-4 video">
            <div class="video_title">
                <h2>视频</h2>
            </div>
            <div class="video_wrap" id="wrap">
                <div id="inner" class="clear">
                    <div class="img_list">
                        <span class="iconfont icon-play"></span>
                        <img src="IMAGE/王鸥帅气.jpg" alt="[百搭星君]王鸥蕾丝新品演绎绝美爱恋">
                        <div class="img_bottom">
                            <span><a href="#">[百搭星君]王鸥蕾丝新品演绎绝美爱恋</a></span>
                        </div>
                    </div>
                    <div class="img_list">
                        <span class="iconfont icon-play"></span>
                        <div class="img_bottom">
                            <span><a href="#">[街拍时刻]花絮:超模奚梦瑶的米兰之行</a></span>
                        </div>
                        <img src="IMAGE/超模奚梦瑶的米兰之行.jpg" alt="[街拍时刻]花絮:超模奚梦瑶的米兰之行">
                    </div>
                    <div class="img_list">
                        <span class="iconfont icon-play"></span>
                        <div class="img_bottom">
                            <span><a href="#">[翻包大行动]天蝎座国民小花性感又搞怪</a></span>
                        </div>
                        <img src="IMAGE/翻包大行动宋佳.jpg" alt="[翻包大行动]天蝎座国民小花性感又搞怪">
                    </div>
                    <div class="img_list">
                        <span class="iconfont icon-play"></span>
                        <div class="img_bottom">
                            <span><a href="#">翻包大行动]狮子座女孩倪妮包里的特权待遇</a></span>
                        </div>
                        <img src="IMAGE/翻包大行动倪妮.jpg" alt="[翻包大行动]狮子座女孩倪妮包里的特权待遇">
                    </div>
                    <div class="img_list">
                        <span class="iconfont icon-play"></span>
                        <div class="img_bottom">
                            <span><a href="#">[百秒速递]Chanel大秀玩转科技片场</a></span>
                        </div>
                        <img src="IMAGE/时尚百秒速递.jpg" alt="[百秒速递]Chanel大秀玩转科技片场">
                    </div>
                </div>
                <div class="paganation" id="paganation">
                    <span class ="iconfont icon-dot1 selected"></span>
                    <span class ="iconfont icon-dot1"></span>
                    <span class ="iconfont icon-dot1"></span>
                    <span class ="iconfont icon-dot1"></span>
                    <span class ="iconfont icon-dot1"></span>
                </div>
            </div>
            <div class="video_wemedia">
                <div class="wemedia_title">
                    <div class="title_left wemedia_title_left"></div>
                    <div class="title_right wemedia_title_right"></div>
                    <h3>自媒体</h3>
                </div>
                <div class="wemedia_list row">
                     <div class="col-sm-2 list_left">
                         <p class="top3">1</p>
                         <p class="top3">2</p>
                         <p class="top3">3</p>
                         <p>4</p>
                         <p>5</p>
                     </div>
                     <div class="col-sm-10 list_right">
                         <p><a href="#">大饼:他们剪了短发就变得好看又时髦</a></p>
                         <p><a href="#">作势:台湾版vogue这20年拍过的可怕封面</a></p>
                         <p><a href="#">小P老师:你见过一直口红就能化全妆吗</a></p>
                         <p><a href="#">潮痴:2016年爆好听的美妆广告歌单</a></p>
                         <p><a href="#">桃红梨白:黄晓明演《琅琊榜2》你会看吗</a></p>
                     </div>
                </div>
            </div>
            <div class="video_try">
                <div class="try_title">
                    <div class="title_left try_title_left"></div>
                    <div class="title_right try_title_right"></div>
                    <h3>我爱试用</h3>
                </div>
                <div class="try_desc">
                    <div class="try_list LUNA">
                        <div class="try_list_img">
                            <img src="IMAGE/luna.jpg" alt="LUNA MINI2净洁疏透洁面仪"/>
                        </div>
                        <div class="try_list_desc">
                            <span><a href="#">LUNA MINI2净洁疏透洁面仪</a></span><br/>
                            <span>参考价: <span class="price_and_count">1280元</span></span><br/>
                            <span>数量: <span class="price_and_count">5份</span></span>
                        </div>
                        <div class="try_btn">
                            <span><a href="#">免费领取</a></span>
                        </div>
                    </div>
                    <div class="try_list weilan">
                        <div class="try_list_img">
                            <img src="IMAGE/weilan.jpg" alt="蔚蓝之美三层理纹面膜(巧克力)"/>
                        </div>
                        <div class="try_list_desc">
                            <span><a href="#">蔚蓝之美三层理纹面膜(巧克力)</a></span><br/>
                            <span>参考价: <span class="price_and_count">290元</span></span><br/>
                            <span>数量: <span class="price_and_count">15份</span></span>
                        </div>
                        <div class="try_btn">
                            <span><a href="#">免费领取</a></span>
                        </div>
                    </div>
                    <div class="try_list zhicunshow">
                        <div class="try_list_img">
                            <img src="IMAGE/zhicunshow.jpg" alt="植村秀白瓷气垫粉底 SPF 30+/P"/>
                        </div>
                        <div class="try_list_desc">
                            <span><a href="#">植村秀白瓷气垫粉底 SPF 30+/P</a></span><br/>
                            <span>参考价: <span class="price_and_count">390元</span></span><br/>
                            <span>数量: <span class="price_and_count">10份</span></span>
                        </div>
                        <div class="try_btn">
                            <span><a href="#">免费领取</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="sec_part row">
        <div class="col-sm-8 current_fashion">
            <div class="current_title">
                <h2>时装潮流</h2>
            </div>
            <div class="current_main">
                <img src="IMAGE/20161109/宋茜皮裤美美的.jpg" alt="明星爱大牌:穿皮裤照样美 宋茜低温天气爱露腰"/>
                <div class="current_main_bottom">
                    <span><a href="#">明星爱大牌:穿皮裤照样美 宋茜低温天气爱露腰</a></span>
                </div>
            </div>
            <div class="current_notmain">
                <div class="current_list current_fir">
                    <div class="current_list_desc">
                        <h5><a href="#">你穿的还没5岁的安吉爷们</a></h5>
                        <ul>
                            <li><a href="#">明星们都用这件棉袄来救急</a></li>
                            <li><a href="#">解决秋冬所有搭配难题</a></li>
                            <li><a href="#">你还差件迷彩衣</a></li>
                            <li><a href="#">秀长腿示范皮裤新穿法</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161109/安吉穿衣.jpg_.jpg" alt="你穿的还没5岁的安吉爷们"/>
                    </div>
                </div>
                <div class="current_list current_sec">
                    <div class="current_list_desc">
                        <h5><a href="#">朴信惠抢了邓紫棋的皮裤？</a></h5>
                        <ul>
                            <li><a href="#">想走幸福的路鞋款得备全</a></li>
                            <li><a href="#">今秋绝对的扮潮利器！</a></li>
                            <li><a href="#">学关晓彤刘雯背平价双肩包</a></li>
                            <li><a href="#">双十一剁手就买它</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161109/朴信惠抢了邓紫棋的皮裤.jpg_.jpg" alt="朴信惠抢了邓紫棋的皮裤"/>
                    </div>
                </div>
                <div class="current_list current_thi">
                    <div class="current_list_desc">
                        <h5><a href="#">朴信惠抢了邓紫棋的皮裤？</a></h5>
                        <ul>
                            <li><a href="#">想走幸福的路鞋款得备全</a></li>
                            <li><a href="#">今秋绝对的扮潮利器！</a></li>
                            <li><a href="#">学关晓彤刘雯背平价双肩包</a></li>
                            <li><a href="#">双十一剁手就买它</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161109/安吉穿衣.jpg_.jpg" alt="你穿的还没5岁的安吉爷们"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-4 product_info">
            <div class="product_title">
                <h2>产业资讯</h2>
            </div>
            <div class="product_desc">
                <div class="product_list list1">
                    <!--<div class="product_list_left">-->
                        <!--<span><a href="#">A&F放弃性感营销走成熟率性风</a></span>-->
                        <!--<p><a href="#">提起Abercrombie&Fitch品牌，你是不是脑海里...</a></p>-->
                    <!--</div>-->
                    <!--<div class="product_list_right">-->
                        <!--<img src="" alt="A&F成熟率性风"/>-->
                    <!--</div>-->
                </div>
                <div class="product_list list2">
                    <!--<div class="product_list_left">-->
                        <!--<span><a href="#">A&F放弃性感营销走成熟率性风</a></span>-->
                        <!--<p><a href="#">提起Abercrombie&Fitch品牌，你是不是脑海里...</a></p>-->
                    <!--</div>-->
                    <!--<div class="product_list_right">-->
                        <!--<img src="IMAGE/20161109/A&F成熟率性风.jpg_.jpg" alt="A&F成熟率性风"/>-->
                    <!--</div>-->
                </div>
                <div class="product_list list3">
                    <!--<div class="product_list_left">-->
                        <!--<span><a href="#">A&F放弃性感营销走成熟率性风</a></span>-->
                        <!--<p><a href="#">提起Abercrombie&Fitch品牌，你是不是脑海里...</a></p>-->
                    <!--</div>-->
                    <!--<div class="product_list_right">-->
                        <!--<img src="IMAGE/20161109/A&F成熟率性风.jpg_.jpg" alt="A&F成熟率性风"/>-->
                    <!--</div>-->
                </div>
                <div class="product_list list4">
                    <!--<div class="product_list_left">-->
                        <!--<span><a href="#">A&F放弃性感营销走成熟率性风</a></span>-->
                        <!--<p><a href="#">提起Abercrombie&Fitch品牌，你是不是脑海里...</a></p>-->
                    <!--</div>-->
                    <!--<div class="product_list_right">-->
                        <!--<img src="IMAGE/20161109/A&F成熟率性风.jpg_.jpg" alt="A&F成熟率性风"/>-->
                    <!--</div>-->
                </div>
                <div class="product_list list5">
                    <!--<div class="product_list_left">-->
                        <!--<span><a href="#">A&F放弃性感营销走成熟率性风</a></span>-->
                        <!--<p><a href="#">提起Abercrombie&Fitch品牌，你是不是脑海里...</a></p>-->
                    <!--</div>-->
                    <!--<div class="product_list_right">-->
                        <!--<img src="IMAGE/20161109/A&F成熟率性风.jpg_.jpg" alt="A&F成熟率性风"/>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
    <div class="thi_part row">
        <div class="col-sm-8 left_part">
            <div class="uppart row">
                <div class="col-sm-6 show_part">
                    <div class="show_part_title">
                        <span class="title">秀场</span>
                        <div class="chooseput">
                            <div class="dropdown">
                                <button type="button" class="btn btn-default" id="btn-menu" data-toggle="dropdown">
                                    <span>选择季节</span>
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="btn-menu">
                                    <li><a href="javascript:void(0)">选择季节</a></li>
                                    <li><a href="javascript:void(0)">2016春夏男装</a></li>
                                    <li><a href="javascript:void(0)">2016春夏度假</a></li>
                                    <li><a href="javascript:void(0)">2016春夏女装</a></li>
                                    <li><a href="javascript:void(0)">2015春夏高级定制</a></li>
                                    <li><a href="javascript:void(0)">2015春夏男装</a></li>
                                    <li><a href="javascript:void(0)">2015春夏女装</a></li>
                                    <li><a href="javascript:void(0)">2015秋冬高级定制</a></li>
                                    <li><a href="javascript:void(0)">2015秋冬男装</a></li>
                                    <li><a href="javascript:void(0)">2015秋冬女装</a></li>
                                    <li><a href="javascript:void(0)">2014春夏高级定制</a></li>
                                    <li><a href="javascript:void(0)">2014春夏男装</a></li>
                                    <li><a href="javascript:void(0)">2014春夏女装</a></li>
                                </ul>
                            </div>
                            <button type="button" class="btn " id="show_btn">搜索
                            </button>
                        </div>
                    </div>
                    <div class="show_part_content">
                        <div class="imglist img1">
                            <div class="img_shadow"></div>
                            <div class="img_detail left">
                                <p>Stella McCartney 2017春夏系列</p>
                            </div>
                            <img src="IMAGE/20161110/stell春夏系列.jpg" alt="Stella McCartney春夏系列"/>
                        </div>
                        <div class="imglist img2">
                            <div class="img_shadow"></div>
                            <div class="img_detail left">
                                <p>Chanel  2017春夏系列</p>
                            </div>
                            <img src="IMAGE/20161110/chanal2017春夏系列.jpg" alt="chanal2017春夏系列"/>
                        </div>
                        <div class="imglist img3">
                            <div class="img_shadow"></div>
                            <div class="img_detail right">
                                <p>Hermes  2017春夏系列</p>
                            </div>
                            <img src="IMAGE/20161110/hermas春夏系列.jpg" alt="hermas春夏系列"/>
                        </div>
                        <div class="imglist img4">
                            <div class="img_shadow"></div>
                            <div class="img_detail right">
                                <p>Louis Vuitton  2017春夏系列</p>
                            </div>
                            <img src="IMAGE/20161110/lv春夏系列.jpg" alt="lv春夏系列"/>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 fashion_main">
                    <div class="fashion_main_title">
                        <span class="title">时尚专栏</span>
                    </div>
                    <div class="fashion_main_content row">
                        <div class="fashion_main_left">
                            <img src="IMAGE/20161110/剪了短发就时髦.jpg_.jpg" alt="剪了短发就时髦"/>
                            <span><a href="#">她们见了短发就变时髦</a></span>
                            <p><a href="#">不知道帮你周围有没有姑娘，或者你自己也“突变”过</a></p>
                        </div>
                        <div class="fashion_main_right">
                            <img src="IMAGE/20161110/台版vogu拍过的封面.jpg_.jpg" alt="台版vogu拍过的封面"/>
                            <span><a href="#">台版vogue拍过的封面</a></span>
                            <p><a href="#">作为Vogue的“老大姐”,她们在二十年来的表现有目共睹</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="downpart">
                <div class="downpart_title">
                    <h3>时尚特辑</h3>
                </div>
                <div class="downpart_wrap">
                    <div class="downpart_list list1">
                        <div class="downpart_shadow">
                            <p>街拍时刻 陈翔印花衬衫雅痞范儿</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/陈翔街拍8.jpg" alt="陈翔街拍"/></a>
                    </div>
                    <div class="downpart_list list2">
                        <div class="downpart_shadow">
                            <p>近50位巨星齐聚巴黎拼造型</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/巴黎时装周a.jpg" alt="巴黎时装周"/></a>
                    </div>
                    <div class="downpart_list list3">
                        <div class="downpart_shadow">
                            <p>黄轩杨洋权志龙 都来巴黎男装撩妹啦</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/巴黎男装周.jpg" alt="陈翔街拍"/></a>
                    </div>
                    <div class="downpart_list list4">
                        <div class="downpart_shadow">
                            <p>胡歌儒雅绅士范儿 助阵米兰时装周</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/米兰男装周.jpg" alt="陈翔街拍"/></a>
                    </div>
                    <div class="downpart_list list5">
                        <div class="downpart_shadow">
                            <p>一言不合就雷人 越来越看不懂你们伦敦时装周</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/伦敦男装周.jpg" alt="陈翔街拍"/></a>
                    </div>
                </div>
                <div class="downpart_desc">
                    <div class="downpart_desc_list desc1">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">街拍时刻</a></span>
                    </div>
                    <div class="downpart_desc_list desc2">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">巴黎时装周</a></span>
                    </div>
                    <div class="downpart_desc_list desc3">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">巴黎男装周</a></span>
                    </div>
                    <div class="downpart_desc_list desc4">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">米兰男装周</a></span>
                    </div>
                    <div class="downpart_desc_list desc5">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">伦敦男装周</a></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-4 right_part">
            <div class="sina_adver">
                <img src="IMAGE/20161110/新浪时尚.jpg" alt=""/>
                <br/>
                <span><a href="#">【大明星】井柏然:带妈妈一起走巴黎走过的路</a></span><br/>
                <span><a href="#">【独家专访】吴秀波:工作和腹肌不可兼得</a></span>
            </div>
        </div>
    </div>
    <div class="for_part row">
        <div class="col-sm-8 butybody">
            <div class="butybody_title">
                <h2>美容美体</h2>
            </div>
            <div class="current_main">
                <img src="IMAGE/20161110/雾霾出行明星有高招.jpg" alt="雾霾出行明星有高招"/>
                <div class="current_main_bottom">
                    <span><a href="#">雾霾出行口罩成标配 明星花式防霾有高招</a></span>
                </div>
            </div>
            <div class="current_notmain">
                <div class="current_list current_fir">
                    <div class="current_list_desc">
                        <h5><a href="#">雾霾天明星花式防霾有高招</a></h5>
                        <ul>
                            <li><a href="#">女性扎堆晒素颜谁皮肤最好</a></li>
                            <li><a href="#">冬天这样的口罩搭配冬装更美</a></li>
                            <li><a href="#">张靓颖婚礼被刘亦菲抢风头</a></li>
                            <li><a href="#">宋茜引发公主头不再辣眼睛</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161110/雾霾出行王源.jpg_.jpg" alt="雾霾出行明星有高招"/>
                    </div>
                </div>
                <div class="current_list current_sec">
                    <div class="current_list_desc">
                        <h5><a href="#">朴信惠抢了邓紫棋的皮裤？</a></h5>
                        <ul>
                            <li><a href="#">想走幸福的路鞋款得备全</a></li>
                            <li><a href="#">今秋绝对的扮潮利器！</a></li>
                            <li><a href="#">学关晓彤刘雯背平价双肩包</a></li>
                            <li><a href="#">双十一剁手就买它</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161110/假睫毛堪比黑科技.jpg_.jpg" alt="假睫毛堪比黑科技"/>
                    </div>
                </div>
                <div class="current_list current_thi">
                    <div class="current_list_desc">
                        <h5><a href="#">朴信惠抢了邓紫棋的皮裤？</a></h5>
                        <ul>
                            <li><a href="#">想走幸福的路鞋款得备全</a></li>
                            <li><a href="#">今秋绝对的扮潮利器！</a></li>
                            <li><a href="#">学关晓彤刘雯背平价双肩包</a></li>
                            <li><a href="#">双十一剁手就买它</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161110/假睫毛堪比黑科技.jpg_.jpg" alt="你穿的还没5岁的安吉爷们"/>
                    </div>
                </div>
            </div>
            <div class="makeupth">
                <div class="makeupth_title">
                    <span class="title">化妆品库</span>
                    <div class="search_input">
                        <input class="inputcontent" type="text" name="text"/>
                        <input type="button" value="搜索"/>
                    </div>
                </div>
                <div class="makeup_main main1">
                    <div class="makeup_shadow">
                        <span><a href="#">MAC亲润蜜唇测评</a></span>
                    </div>
                    <img src="IMAGE/20161110/MAC亲润迷唇测评left.jpg_.jpg" alt=""/>
                </div>
                <div class="makeup_main main2">
                    <div class="makeup_shadow">
                        <span><a href="#">悦木之源韦博士灵芝水</a></span>
                    </div>
                    <img src="IMAGE/20161110/悦木之源韦博士灵芝水.jpg_.jpg" alt=""/>
                </div>
                <div class="makeup_main main3">
                    <div class="makeup_shadow">
                        <span><a href="#">欧莱雅青春密码酵素</a></span>
                    </div>
                    <img src="IMAGE/20161110/欧莱雅青春密码酵素.JPG_.jpg" alt=""/>
                </div>
                <div class="makeup_notmain">
                    <img class="makeup_list" src="IMAGE/20161110/MAC亲润迷唇测评left.jpg_.jpg" alt=""/>
                    <img class="makeup_list" src="IMAGE/20161110/悦木之源韦博士灵芝水.jpg_.jpg" alt=""/>
                    <img class="makeup_list" src="IMAGE/20161110/欧莱雅青春密码酵素.JPG_.jpg" alt=""/>
                </div>
            </div>
            <div class="makeupdo"></div>
            <div class="fashion_main buty_main">
                <div class="fashion_main_title">
                    <span class="title">时尚专栏</span>
                </div>
                <div class="fashion_main_content row">
                    <div class="fashion_main_left">
                        <img src="IMAGE/20161110/一只口红化全妆.jpg_.jpg" alt="剪了短发就时髦"/>
                        <span><a href="#">她们见了短发就变时髦</a></span>
                        <p><a href="#">不知道帮你周围有没有姑娘，或者你自己也“突变”过</a></p>
                    </div>
                    <div class="fashion_main_right">
                        <img src="IMAGE/20161110/台版vogu拍过的封面.jpg_.jpg" alt="台版vogu拍过的封面"/>
                        <span><a href="#">台版vogue拍过的封面</a></span>
                        <p><a href="#">作为Vogue的“老大姐”,她们在二十年来的表现有目共睹</a></p>
                    </div>
                </div>
            </div>
            <div class="downpart butypart">
                <div class="downpart_title">
                    <h3>时尚特辑</h3>
                </div>
                <div class="downpart_wrap">
                    <div class="downpart_list list1">
                        <div class="downpart_shadow">
                            <p>街拍时刻 陈翔印花衬衫雅痞范儿</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/陈翔街拍8.jpg" alt="陈翔街拍"/></a>
                    </div>
                    <div class="downpart_list list2">
                        <div class="downpart_shadow">
                            <p>近50位巨星齐聚巴黎拼造型</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/巴黎时装周a.jpg" alt="巴黎时装周"/></a>
                    </div>
                    <div class="downpart_list list3">
                        <div class="downpart_shadow">
                            <p>黄轩杨洋权志龙 都来巴黎男装撩妹啦</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/巴黎男装周.jpg" alt="陈翔街拍"/></a>
                    </div>
                    <div class="downpart_list list4">
                        <div class="downpart_shadow">
                            <p>胡歌儒雅绅士范儿 助阵米兰时装周</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/米兰男装周.jpg" alt="陈翔街拍"/></a>
                    </div>
                    <div class="downpart_list list5">
                        <div class="downpart_shadow">
                            <p>一言不合就雷人 越来越看不懂你们伦敦时装周</p>
                        </div>
                        <a href="#"><img src="IMAGE/20161110/伦敦男装周.jpg" alt="陈翔街拍"/></a>
                    </div>
                </div>
                <div class="downpart_desc">
                    <div class="downpart_desc_list desc1">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">街拍时刻</a></span>
                    </div>
                    <div class="downpart_desc_list desc2">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">巴黎时装周</a></span>
                    </div>
                    <div class="downpart_desc_list desc3">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">巴黎男装周</a></span>
                    </div>
                    <div class="downpart_desc_list desc4">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">米兰男装周</a></span>
                    </div>
                    <div class="downpart_desc_list desc5">
                        &nbsp;
                        <i class="iconfont icon-iconfontzuo"></i>
                        &nbsp;
                        <span><a href="#">伦敦男装周</a></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-4 fashion_trade">
            <div class="trade_list">
                <div class="trade_title">
                    <div class="trade_title_top"></div>
                    <span>时尚足迹</span>
                </div>
                <div class="trade trade_now_list">
                    <div class="list_title now_list_title">
                        <div class="list_span now_span">
                            <span>刚刚</span>
                        </div>
                    </div>
                    <div class="list_content now_list_content">
                        <div class="list_trade trade_list1">
                            <div class="list_img">
                                <img src="IMAGE/list1.jpg" alt=""/>
                            </div>
                            <div class="list_detail">
                                <span class="trade_name"><a href="#">XXX</a></span>
                                <span>发表了</span>
                                <p><a href="#">查看详情 <i class="iconfont icon-weibiaoti1"></i></a></p>
                            </div>
                        </div>
                        <div class="list_trade trade_list2">
                            <div class="list_img">
                                <img src="IMAGE/list1.jpg" alt=""/>
                            </div>
                            <div class="list_detail">
                                <span class="trade_name"><a href="#">XXX</a></span>
                                <span>发表了</span>
                                <p><a href="#">查看详情 <i class="iconfont icon-weibiaoti1"></i></a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trade trade_today_list">
                    <div class="list_title today_list_title">
                        <div class="list_span now_span">
                            <span>今天</span>
                        </div>
                    </div>
                    <div class="list_content today_list_content">
                        <div class="list_trade trade_list1">
                            <div class="list_img">
                                <img src="IMAGE/list1.jpg" alt=""/>
                            </div>
                            <div class="list_detail">
                                <span class="trade_name"><a href="#">XXX</a></span>
                                <span>发表了</span>
                                <p><a href="#">查看详情 <i class="iconfont icon-weibiaoti1"></i></a></p>
                            </div>
                        </div>
                        <div class="list_trade trade_list2">
                            <div class="list_img">
                                <img src="IMAGE/list1.jpg" alt=""/>
                            </div>
                            <div class="list_detail">
                                <span class="trade_name"><a href="#">XXX</a></span>
                                <span>发表了</span>
                                <p><a href="#">查看详情 <i class="iconfont icon-weibiaoti1"></i></a></p>
                            </div>
                        </div>
                        <div class="list_trade trade_list1">
                            <div class="list_img">
                                <img src="IMAGE/list1.jpg" alt=""/>
                            </div>
                            <div class="list_detail">
                                <span class="trade_name"><a href="#">XXX</a></span>
                                <span>发表了</span>
                                <p><a href="#">查看详情 <i class="iconfont icon-weibiaoti1"></i></a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="trade_review">
                <h3>首页回顾</h3>
                <select name="" id="">
                    <option value="shishang">时尚</option>
                    <option value="shouye">首页</option>
                    <option value="xinwen">新闻</option>
                    <option value="tiyu">体育</option>
                    <option value="hulianawang">互联网</option>
                    <option value="keji">科技</option>
                    <option value="caijing">财经</option>
                    <option value="yule">娱乐</option>
                </select>
            </div>
            <div class="trade_yuanchaung">
                <img src="IMAGE/原创街拍时刻.jpg" alt=""/>
            </div>
        </div>
    </div>
    <div class="fif_part row">
        <div class="col-sm-8 current_fashion">
            <div class="current_title">
                <h2>尚品生活</h2>
            </div>
            <div class="current_main">
                <img src="IMAGE/古堡婚礼.jpg" alt=""/>
                <div class="current_main_bottom">
                    <span><a href="#">明星爱大牌:穿皮裤照样美 宋茜低温天气爱露腰</a></span>
                </div>
            </div>
            <div class="current_notmain">
                <div class="current_list current_fir">
                    <div class="current_list_desc">
                        <h5><a href="#">你穿的还没5岁的安吉爷们</a></h5>
                        <ul>
                            <li><a href="#">明星们都用这件棉袄来救急</a></li>
                            <li><a href="#">解决秋冬所有搭配难题</a></li>
                            <li><a href="#">你还差件迷彩衣</a></li>
                            <li><a href="#">秀长腿示范皮裤新穿法</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161113/机场冲浪.jpg_.jpg" alt="你穿的还没5岁的安吉爷们"/>
                    </div>
                </div>
                <div class="current_list current_sec">
                    <div class="current_list_desc">
                        <h5><a href="#">朴信惠抢了邓紫棋的皮裤？</a></h5>
                        <ul>
                            <li><a href="#">想走幸福的路鞋款得备全</a></li>
                            <li><a href="#">今秋绝对的扮潮利器！</a></li>
                            <li><a href="#">学关晓彤刘雯背平价双肩包</a></li>
                            <li><a href="#">双十一剁手就买它</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161109/朴信惠抢了邓紫棋的皮裤.jpg_.jpg" alt="朴信惠抢了邓紫棋的皮裤"/>
                    </div>
                </div>
                <div class="current_list current_thi">
                    <div class="current_list_desc">
                        <h5><a href="#">朴信惠抢了邓紫棋的皮裤？</a></h5>
                        <ul>
                            <li><a href="#">想走幸福的路鞋款得备全</a></li>
                            <li><a href="#">今秋绝对的扮潮利器！</a></li>
                            <li><a href="#">学关晓彤刘雯背平价双肩包</a></li>
                            <li><a href="#">双十一剁手就买它</a></li>
                        </ul>
                    </div>
                    <div class="current_list_img">
                        <img src="IMAGE/20161109/安吉穿衣.jpg_.jpg" alt="你穿的还没5岁的安吉爷们"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-4 ">
            <div class="free_try">
                <div class="try_title">
                    <div class="title_left wemedia_title_left"></div>
                    <div class="title_right wemedia_title_right"></div>
                    <h3>免费试用</h3>
                </div>
                <div class="try_main try1">
                    <img src="IMAGE/20161113/咖啡.jpg" alt=""/>
                    <img src="IMAGE/20161113/科迪功能性饮料.jpg" alt=""/>
                    <img src="IMAGE/20161113/梦百合舒享枕.jpg" alt=""/>
                </div>
                <div class="try_notmain">
                    <ul>
                        <li><a href="javascript:void(0)">途尚咖啡200元储值卡</a></li>
                        <li class="try_notmain_center"><a href="javascript:void(0)">肯迪醒功能性解救饮料</a></li>
                        <li><a href="javascript:void(0)">梦百合释梦清痒舒享枕</a></li>
                    </ul>
                </div>
            </div>
            <!--<div class="shangpin">-->
                <!--<div class="try_title">-->
                    <!--<div class="title_left try_title_left"></div>-->
                    <!--<div class="title_right try_title_right"></div>-->
                    <!--<h3>尚品特辑</h3>-->
                    <!--<div class="panel-group" id="panels">-->
                        <!--<div class="panel panel-default">-->
                            <!--<div class="panel-heading">-->
                                <!--<h4><a href="#comp-panel" data-parent="#panels" data-toggle="collapse">计算机类-->
                                <!--</a></h4>-->
                            <!--</div>-->
                            <!--<div class="panel1 collapse panel-collapse" id="comp=panel">-->
                                <!--<img src="IMAGE/20161113科迪功能性饮料.jpg" alt=""/>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</content>
<footer>
    <p><a href="#">新浪时尚一件反馈留言表</a>&nbsp;&nbsp;电话:13156937610&nbsp;&nbsp;&nbsp;&nbsp;欢迎批评指正</p>
    <p>
        <a href="#">新浪时尚&nbsp;</a>|
        <a href="#">&nbsp;About sina&nbsp;</a>|
        <a href="#">&nbsp;广告服务&nbsp;</a>|
        <a href="#">&nbsp;联系我们&nbsp;</a>|
        <a href="#">&nbsp;招聘信息&nbsp;</a>|
        <a href="#">&nbsp;网站律师&nbsp;</a>|
        <a href="#">&nbsp;SINA English&nbsp;</a>|
        <a href="#">&nbsp;注册&nbsp;</a>|
        <a href="#">&nbsp;产品答疑&nbsp;</a>
    </p>
    <p>Copyright © 1996-2016 SINA Corporation, All Rights Reserved</p>
    <p>新浪公司&nbsp;&nbsp;<a href="#">版权所有</a></p>
</footer>
</body>
</html>
